<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.big{
				width: 980px;
				margin: 0 auto;
			}
			.centent{
				border-top: #FFA500 1px solid;
				background: url(images/login_bg.gif);
				background-repeat: no-repeat;
			}
			.h1{
				background: url(images/logintitle.gif);
				width: 150px;
				height: 52px;
			}
			.t{
				margin: 50px;
			}
			.t li{
				list-style: none;
			}
			#td1{
				border-right: black 1px solid;
			}
			.h2{
				width: 63px;
				height: 15px;
				background: url(./images/register.gif);
			}
			i{
				width: 30px;
				height: 30px;
				display: inline-block;
			}
			#i1{
				background:url(images/icon.gif) 0 -122px;
			}
			#i2{
				background:url(images/icon.gif) 0 -168px;
			}
			#i3{
				background:url(images/icon.gif) 0 -210px;
			}
			#i4{
				background:url(images/icon.gif) 0 -245px;
			}
			#td2 ul li a{
				text-decoration: none;
			}
			#te{
				border: #FFA500;
				background-color: khaki;
			}
			#te td{
				background-color: white;
			}
			#te td a{
				color: black;
			}
			#i5{
				background:url(images/icon.gif) -15px -275px;
			}
			#i6{
				background:url(images/icon.gif) -15px -315px;
			}
		</style>
	</head>
	<body>
		<div class="big">
			<iframe src="top.html" width="100%" height=""></iframe>
			<div class="centent">
				<table class="t">
					<tr>
						<td id="td1">
							<h2 class="h1"></h2>
							<table>
								<tr>
									<td>会员名：</td>
									<td><input type="text" id="" value="" />
									（可包含a-z、0-9和下划线）</td>
								</tr>
								<tr>
									<td>密 &nbsp; 码：</td>
									<td><input type="text" id="" value="" />
									（至少包含6个字符）</td>
								</tr>
								<tr>
									<td></td>
									<td><a href=""><img src="images/login.gif" ></a></td>
								</tr>
							</table>
							<ul>
								<li>δ <a href="#">什么是安全登录</a>。</li>
								<li>δ 香港會員（繁體中文用户）由此<a href="#">登入</a></li>
								<li>δ <a href="#">密码安全贴士</a></li>
								<li>δ 防止病毒或者木马窃取您的账户信息，<a href="#">在线检查</a>您的电脑是否安全。</li>
							</ul>
						</td>
						<td id="td2">
							<h2 class="h2"></h2>
							<ul>
								<li><i id="i1"></i><a href="">便宜有好货！</a>超过7000万件商品任您选。</li>
								<li><i id="i2"></i><a href="">买卖更安全！</a>交易更安全。</li>
								<li><i id="i3"></i><a href="">免费开网店！</a>轻松赚钱交友。</li>
								<li><i id="i4"></i><a href="">超人气社区！</a>精彩活动每一天。</li>
							</ul>
							<a href=""><img src="images/registernow.gif" ></a>
							<table border="" cellspacing="20" cellpadding="" id="te">
								<tr><td><i id="i5"></i>您已经是会员？<a href="">由此登入</a></td></tr>
								<tr><td><i id="i6"></i>繁体中文用户由此<a href="">注册</a></td></tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
			<iframe src="dibu.html" width="100%" height="300px"></iframe>
		</div>
	</body>
</html>
